<template>
  <div class="footer-box">
    <p>{{yearDetail}}</p>
    <p class="beian" @click="toBeiAn">闽ICP备2022013139号</p>
  </div>
</template>

<script>
import moment from 'moment'
export default {
  data(){
    return {
      yearDetail: '© 2019 - 2023 Mr.Jiang'
    }
  },
  mounted() {
    this.handleYearDetail()
  },
  methods: {
    handleYearDetail(){
      const nowYear = moment().format('YYYY')
      this.yearDetail = `© 2019 - ${nowYear} Mr.Jiang`
    },
    toBeiAn() {
      window.open('https://beian.miit.gov.cn/')
    }
  }
};
</script>

<style lang="less" scoped>
.footer-box {
  width: 66vw;
  padding-bottom: 15px;

  p {
    margin: 10px 0;
    text-align: center;
    color: #999;
    font-size: 14px;
  }

  .beian {
    cursor: pointer;
  }
}

@media screen and (max-width: 1200px) {
  .footer-box {
    width: auto;
  }
}
</style>